﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="../assets/images/favicon.png">
    <title>西安力啸网络科技有限公司办公管理系统</title>
    <!-- Bootstrap Core CSS -->
    <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="css/style.css" rel="stylesheet">
    <!-- You can change the theme colors from here -->
    <link href="css/colors/blue.css" id="theme" rel="stylesheet">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body class="fix-header fix-sidebar card-no-border logo-center">
    <!-- ============================================================== -->
    <!-- Preloader - style you can find in spinners.css -->
    <!-- ============================================================== -->
    <div class="preloader">
        <svg class="circular" viewBox="25 25 50 50">
            <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" /> </svg>
    </div>
    <!-- ============================================================== -->
    <!-- Main wrapper - style you can find in pages.scss -->
    <!-- ============================================================== -->
    <div id="main-wrapper">        
        <!-- ============================================================== -->
        <!-- Page wrapper  -->
        <!-- ============================================================== -->
        <div class="page-wrapper">
            <!-- ============================================================== -->
            <!-- Container fluid  -->
            <!-- ============================================================== -->
            <div class="container-fluid">
                <!-- ============================================================== -->
                <!-- Start Page Content -->
                <!-- ============================================================== -->

                <!-- Row -->
                <div class="row">
                    <div class="col-lg-8">
                        <div class="card">
                            <div class="card-body">
                                <select class="custom-select pull-right">
                                    <option selected>2018</option>                                    
                                </select>
                                <h4 class="card-title">项目状态</h4>
                                <div class="table-responsive m-t-20">
                                    <table class="table stylish-table">
                                        <thead>
                                            <tr>
                                                <th colspan="2">项目负责人</th>
                                                <th>项目名称</th>
                                                <th>项目优先级</th>
                                                <th>当前状态</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td><span class="round"><span class="round">D</span></span></td>
                                                <td>
                                                    <h6>David Tang</h6><small class="text-muted">Project Manager</small></td>
                                                <td>安全生产管理系统</td>
                                                <td><span class="label label-info">High</span></td>
                                                <td>系统交付</td>
                                            </tr>
                                            <tr>
                                                <td><span class="round round-success">M</span></td>
                                                <td>
                                                    <h6>Merlin Jing</h6><small class="text-muted">Project Manager</small></td>
                                                <td>Novartis GEST</td>
                                                <td><span class="label label-success">High</span></td>
                                                <td>系统开发</td>
                                            </tr>
                                            <tr>
                                                <td><span class="round round-primary">A</span></td>
                                                <td>
                                                    <h6>Aries Ai</h6><small class="text-muted">System Architect</small></td>
                                                <td>Novartis LVD</td>
                                                <td><span class="label label-primary">High</span></td>
                                                <td>系统开发</td>
                                            </tr>
                                            <tr>
                                                <td><span class="round round-warning">D</span></td>
                                                <td>
                                                    <h6>Daisy Zhu</h6><small class="text-muted">Developer</small></td>
                                                <td>滨江系统数据统计</td>
                                                <td><span class="label label-warning">Medium</span></td>
                                                <td>系统开发</td>
                                            </tr>
                                            <tr>
                                                <td><span class="round round-danger">B</span></td>
                                                <td>
                                                    <h6>Bella Li</h6><small class="text-muted">QA Manager</small></td>
                                                <td>安全生产管理系统-iOS APP</td>
                                                <td><span class="label label-danger">High</span></td>
                                                <td>系统开发</td>
                                            </tr>
											<tr>
                                                <td><span class="round round-inverse">A</span></td>
                                                <td>
                                                    <h6>Alison Zhang</h6><small class="text-muted">Web Designer</small></td>
                                                <td>植保无人机APP</td>
                                                <td><span class="label label-inverse">Medium</span></td>
                                                <td>系统设计</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <!-- Column -->
                        <div class="card"> <img class="" src="../assets/images/background/profile-bg.jpg" alt="Card image cap">
                            <div class="card-body little-profile text-center">
                                <div class="pro-img"><img src="../assets/images/users/alison.png" alt="user" /></div>
                                <h3 class="m-b-0">Alison - 张赛</h3>
                                <p>Web Designer &amp; UX Designer</p>
                                <p><small>生命是一场修行，只要有共鸣，无声亦动听，用创意温暖设计</small></p><p class="label label-danger">我要结婚啦 2018-8-18</p><br><a href="javascript:void(0)" class="m-t-10 waves-effect waves-dark btn btn-primary btn-md btn-rounded">每周一星</a>
                                <div class="row text-center m-t-20">
                                    <div class="col-lg-4 col-md-4 m-t-20">
                                        <h3 class="m-b-0 font-light">工作</h3><small>> 4年</small></div>
                                    <div class="col-lg-4 col-md-4 m-t-20">
                                        <h3 class="m-b-0 font-light">爱好</h3><small>书法&amp;音乐&amp;旅游</small></div>
                                    <div class="col-lg-4 col-md-4 m-t-20">
                                        <h3 class="m-b-0 font-light">星座</h3><small>巨蟹座</small></div>
                                    <div class="col-md-12 m-b-10"></div>
                                </div>
                            </div>
                        </div>
                        <!-- Column -->
                    </div>
                </div>
                <!-- Row -->
                <div class="row">
                    <div class="col-lg-4 col-md-12">
                        <div class="card">
                            <div class="card-body">
                                <h4 class="card-title">通知公告</h4>
                                <h6 class="card-subtitle">仅限公司内部</h6> </div>
                            <!-- ============================================================== -->
                            <!-- Comment widgets -->
                            <!-- ============================================================== -->
                            <div class="comment-widgets">
                                <!-- Comment Row -->
                                <div class="d-flex flex-row comment-row">
                                    <div class="p-2"><span class="round round-warning">项</span></div>
                                    <div class="comment-text active w-100">
                                        <h5>办公管理系统正式上线</h5>
                                        <p class="m-b-5">力啸科技办公管理系统于2018年7月30日正式上线使用。</p>
                                        <div class="comment-footer "> <span class="text-muted pull-right">2018年7月30日</span> <span class="label label-success">系统上线</span></div>
                                    </div>
                                </div>
								<!-- Comment Row -->
                                <div class="d-flex flex-row comment-row">
                                    <div class="p-2"><span class="round round-danger">规</span></div>
                                    <div class="comment-text w-100">
                                        <h5>公司最新规章制度发布</h5>
                                        <p class="m-b-5">本制度自发布之日起正式生效，公司全体员工有义务遵守该规章制度。</p>
                                        <div class="comment-footer"> <span class="text-muted pull-right">2018年7月25日</span> <span class="label label-info">公司政策</span></div>
                                    </div>
                                </div>
                                <!-- Comment Row -->
                                <div class="d-flex flex-row comment-row">
                                    <div class="p-2"><span class="round round-warning">项</span></div>
                                    <div class="comment-text active w-100">
                                        <h5>安全生产管理系统第一阶段发布</h5>
                                        <p class="m-b-5">历经3个月的团队努力，安全生产管理系统第一阶段正式发布...</p>
                                        <div class="comment-footer "> <span class="text-muted pull-right">2018年6月3日</span> <span class="label label-success">系统上线</span></div>
                                    </div>
                                </div>								                                
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12">
                        <div class="card">
							<div class="card-body bg-primary">
                                <h4 class="text-white card-title">公司资源</h4>
                                <h6 class="card-subtitle text-white m-b-0 op-5">力啸科技公司资源库</h6> </div>
                            <div class="card-body">
								<div class="message-box contact-box">
								<h2 class="add-ct-btn"><button type="button" class="btn btn-circle btn-lg btn-success waves-effect waves-dark" title="更多">+</button></h2>
                                <ul class="feeds">
                                    <li>
                                        <div class="bg-info"><i class="fa fa-book text-white"></i></div>《最后期限》<span class="text-muted">图书</span></li>
									<li>
                                        <div class="bg-info"><i class="fa fa-book text-white"></i></div>《人月神话》<span class="text-muted">图书</span></li>
                                    <li>
                                        <div class="bg-inverse"><i class="fa fa-database text-white"></i></div> 移动硬盘<span class="text-muted">固定资产</span></li>
                                    <li>
                                        <div class="bg-inverse"><i class="fa fa-database text-white"></i></div> 显示器<span class="text-muted">固定资产</span></li>
                                    <li>
                                        <div class="bg-inverse"><i class="fa fa-database text-white"></i></div> 内存条<span class="text-muted">固定资产</span></li>
                                    <li>
                                        <div class="bg-success"><i class="fa fa-folder text-white"></i></div> Office 2016 <span class="text-muted">软件&工具</span></li>
                                    <li>
                                        <div class="bg-success"><i class="fa fa-folder text-white"></i></div> Webstorm 2017 <span class="text-muted">软件&工具</span></li>
									<li>
                                        <div class="bg-success"><i class="fa fa-folder text-white"></i></div> Visio 201 <span class="text-muted">软件&工具</span></li>
                                </ul>
								</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12">
                        <div class="card">
                            <div class="card-body bg-info">
                                <h4 class="text-white card-title">通讯录</h4>
                                <h6 class="card-subtitle text-white m-b-0 op-5">力啸科技员工通讯录</h6> </div>
                            <div class="card-body">
                                <div class="message-box contact-box">
                                    <h2 class="add-ct-btn"><button type="button" class="btn btn-circle btn-lg btn-success waves-effect waves-dark" title="更多">+</button></h2>
                                    <div class="message-widget contact-widget">
                                        <!-- Message -->
                                        <a href="#">
                                            <div class="user-img"> <img src="../assets/images/users/2.jpg" alt="user" class="img-circle"> <span class="profile-status busy pull-right"></span> </div>
                                            <div class="mail-contnet">
                                                <h5>朱梦娜（Daisy）</h5> <span class="mail-desc">daisy.zhu@lixiaotech.com</span></div>
                                        </a>
                                        <!-- Message -->
                                        <a href="#">
                                            <div class="user-img"> <img src="../assets/images/users/1.jpg" alt="user" class="img-circle"> <span class="profile-status online pull-right"></span> </div>
                                            <div class="mail-contnet">
                                                <h5>唐瑞鸣（David）</h5> <span class="mail-desc">david.tang@lixiaotech.com</span></div>
                                        </a>                                        
                                        <!-- Message -->
                                        <a href="#">
                                            <div class="user-img"> <img src="../assets/images/users/4.jpg" alt="user" class="img-circle"> <span class="profile-status online pull-right"></span> </div>
                                            <div class="mail-contnet">
                                                <h5>别东武（Kyle）</h5> <span class="mail-desc">dongwu.bie@lixiaotech.com</span></div>
                                        </a>
										<!-- Message -->
                                        <a href="#">
                                            <div class="user-img"> <img src="../assets/images/users/7.jpg" alt="user" class="img-circle"> <span class="profile-status busy pull-right"></span> </div>
                                            <div class="mail-contnet">
                                                <h5>吴书玲（Cherry）</h5> <span class="mail-desc">cherry.wu@lixiaotech.com</span></div>
                                        </a>
										<!-- Message -->
                                        <a href="#">
                                            <div class="user-img"> <img src="../assets/images/users/5.jpg" alt="user" class="img-circle"> <span class="profile-status online pull-right"></span> </div>
                                            <div class="mail-contnet">
                                                <h5>陈欢（Alan）</h5> <span class="mail-desc">alan.chen@lixiaotech.com</span></div>
                                        </a>
										<!-- Message -->
                                        <a href="#">
                                            <div class="user-img"> <img src="../assets/images/users/5.jpg" alt="user" class="img-circle"> <span class="profile-status online pull-right"></span> </div>
                                            <div class="mail-contnet">
                                                <h5>陈凯（Kai）</h5> <span class="mail-desc">kai.chen@lixiaotech.com</span></div>
                                        </a>										
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>                
                <!-- ============================================================== -->
                <!-- End PAge Content -->
                <!-- ============================================================== -->
                
            </div>
            <!-- ============================================================== -->
            <!-- End Container fluid  -->
            <!-- ============================================================== -->
            <!-- ============================================================== -->
            <!-- footer -->
            <!-- ============================================================== -->
            <footer class="footer">Copyright © 2018 西安力啸网络科技有限公司 版权所有 </footer>
            <!-- ============================================================== -->
            <!-- End footer -->
            
            <!-- ============================================================== -->
        </div>
        <!-- ============================================================== -->
        <!-- End Page wrapper  -->
        <!-- ============================================================== -->
    </div>
    <!-- ============================================================== -->
    <!-- End Wrapper -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- All Jquery -->
    <!-- ============================================================== -->
    <script src="../assets/plugins/jquery/jquery.min.js"></script>
    <!-- Bootstrap tether Core JavaScript -->
    <!--<script src="../assets/plugins/bootstrap/js/popper.min.js"></script>-->
    <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>

    <!--Custom JavaScript -->
    <script src="js/custom.min.js"></script>

</body>

</html>
